HTML Lanjutan

Materi yang akan kita pelajari :
  • HTML Sederhana

    		•
    !DOCTYPE html
    < html >
      < head >
        < title > Page Title < /title >
      < /head >
      < body >
        Helloworld!
      < /body >
    < /html >

  • <br>

    		•
    < !DOCTYPE html >
    < html >
      < head >
        < title > Page Title < /title >
      < /head >
      < body >
        Puisi : Doa (Chairil Anwar) br br >



        Doa br br


        Kepada pemeluk teguh br br


        Tuhanku br
        Dalam termangu br br

        Aku masih menyebut namamu br
        Biar susah sungguh br
        mengingat Kau penuh seluruh br br

        cayaMu panas suci br
        tinggal kerdip lilin di kelam sunyi
        < br > < br >

        Tuhanku < br > < br >

        aku hilang bentuk < br >
        remuk < br > < br >

        Tuhanku < br > < br >

        aku mengembara di negeri asing
        < br > < br >

        Tuhanku < br >
        di pintuMu aku mengetuk < br >
        aku tidak bisa berpaling < br >

      < /body >
    < /html >

  • Hasil

    		•
    Puisi : Doa (Chairil Anwar)

    Doa

    Kepada pemeluk teguh

    Tuhanku
    Dalam termangu
    Aku masih menyebut namamu

    Biar susah sungguh
    mengingat Kau penuh seluruh

    cayaMu panas suci
    tinggal kerdip lilin di kelam sunyi

    Tuhanku

    aku hilang bentuk
    remuk

    Tuhanku

    aku mengembara di negeri asing

    Tuhanku
    di pintuMu aku mengetuk
    aku tidak bisa berpaling
  • Heading

    		•
    < h1 align="center" > Judul Tengah < /h1 >
    < h2 align="right" > Judul Kanan < /h2 >
    < h3 align="left" > Judul Kiri < /h3 >
    < h4 > Judul 4 < /h4 >
    < h5 > Judul 5 < /h5 >
    < h6 > Judul 6 < /h6 >

  • Hasil

    		•

    Judul Tengah

    Judul Kanan

    Judul Kiri

    Judul 4

    Judul 5
    Judul 6
  • Text Formatting

    		•
    < b > Cimahi Pride < /b >
    < 1 > Cimahi Pride < /1 >
    < s > Cimahi Pride < /s >
    < u > Cimahi Pride < /u >
    < big > Cimahi Pride < /big >
    < small > Cimahi Pride < /small >


    < p > Jangan Lupa Minum Air H20 < /p >
    < p >
      Jangan Lupa Minum Air H < sub > 2 < /sub > 0
    < /p >
    < p >
      Sebanyak X < sup > 2 < /sup >
    < /p >

  • Hasil

    		•
    Cimahi Pride
    Cimahi Pride
    Cimahi Pride
    Cimahi Pride
    Cimahi Pride
    Cimahi Pride

    Jangan Lupa Minum Air H2O

    Jangan Lupa Minum Air H2O

    Sebanyak X2
  • Special Character

    		•


  • <font>

    		•
    Tag font memiliki fungsi untuk mengubah tampilan font yang akan ditampilkan.
    Beberapa attribute yang ada dalam tag font:
    1. face
      2. Memiliki fungsi untuk emngubah jenis font yang akan digunakan
    2. color
      3. Memiliki fungsi untuk mengubah warna font yang akan ditampilkan
    3. size
      4. Memiliki fungsi untuk mengubah ukuran font yang akan ditampilkan
  • <a>

    		•
    Tag a memiliki fungsi sebagai hyperlink atau untuk link dari satu halaman ke halaman lainnya.
    Beberapa attribute yang ada dalam tag a:
    1. href
      2. Memiliki fungsi untuk menempatkan destinasi halaman yang akan dituju. (*attribute terpenting dalam tag a, karena jika tidak terdapat attribute href tag a tidak akan berfungsi.)
    2. type
      3. Memiliki fungsi untuk menentukan tipe media yang akan dihubungkan.
    3. target
      4. Memiliki fungsi untuk menentukan dimana tempat spesifik saat kita menekan link.
    4. download
      5. Mmemiliki fungsi untuk mengunduk/mengdownload target saat user mmengklik link.
  • <img>

    		•
    Tag img memiliki fungsi sebagai menampilkan gambar pada halaman
    Beberapa attribute yang ada dalam tag img:
    1. src
    2. alt
    3. width
    4. height
    5. title
    6. border
    7. hspace
    8. vspace
  • <marquee>

    		•
    Tag marquee membuat tampilan bergerak vertikal atau horizontal.
  • Non-standard HTML element
  • Tidak disarankan untuk menggunakan pada Dokumen HTML.
    Beberapa attribute yang digunakan pada tag marquee
    1. behavior
    2. direction
    3. width
    4. height
    5. scrollamount
    6. scrolldelay
    		•